<template>
  <div>
    <NavCom :list="navList" :active="'journal'" style="padding-left: 5px" @change="handleTabClick" />
    <LogList v-show="activeName === 'journal'" ref="LogList" :serviceId="$route.query.id" :service-type="'ORDER'" />
  </div>
</template>
<script>
import NavCom from '@/components/Nav/detail.vue'
import LogList from '@/components/Logs/detail.vue'
export default {
  components: { NavCom, LogList },
  data() {
    return {
      activeName: 'journal',
      navList: [
        { label: this.$t('common.log'), active: 'journal' },
      ]
    }
  },
  methods: {
    handleTabClick(v) {
      this.activeName = v.active
      this.$refs[v.active + 'Ref'] && this.$refs[v.active + 'Ref'].getList()
    }
  }
}
</script>
